<div class="application" id="application2">
    <div class="loader" ng-if="!items">
        <div class="loader-inner ball-clip-rotate-multiple">
            <div></div>
            <div></div>
        </div>
    </div>
    <div ng-if="items">
        <div class="appdetailtop"><span class="backapp" ui-sref="home.application">应用中心</span><span>镜像详情</span></div>
        <div class="appdetailcon">
            <!--------------------------------------->
            <div class="panel panel-default" style="margin-bottom: 50px">
                <div class="row">
                    <div class="col-sm-2" style="position: relative;border-right: 1px solid #c9c9c9;height: 125px;padding: 0;background-color: #F8F9FB;background-image:url(pub/img/box.png);background-position: center;background-repeat: no-repeat;">
                        <!--<i class="star" style="position: absolute;bottom: 10px;right: 10px;" ng-class="{'active':checkeds}" ng-click="checkeds=!checkeds"></i>-->
                    </div>
                    <div class="col-sm-10" style="padding-left: 0;padding-right: 0;">
                        <div class="panel-heading">
            <span class="panel-title">
                {{lastname}}
            </span>
                            <a class="btn pull-right btn-green"
                               style="margin-right: 20px;"
                               ng-if="items.length>0"
                               ng-disabled=false
                               ng-click="deployimg(name+':'+firsttag)"
                            >部署最新版本</a>
                            <a class="btn pull-right btn-orange"
                               style="margin-right: 20px;"
                               ng-if="items.length==0"
                               ng-disabled=true>暂无最新版本</a>

                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-1-5">
                                    <div class="media media-sm">
                                        <div class="media-left">
                                            <i class="fa creattime fa-2x"></i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">创建时间</h4>
                                            <small uib-tooltip="{{items[items.length-1].tagcen.Created | timescon}}">
                                                {{items[items.length-1].tagcen.Created  | dateRelative}}
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-1-5">
                                    <div class="media media-sm">
                                        <div class="media-left">
                                            <i class="fa miaobiao fa-2x"></i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">更新时间</h4>
                                            <small uib-tooltip="{{items[0].tagcen.Created | timescon}}">
                                                {{items[0].tagcen.Created  | dateRelative}}
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-1-5">
                                    <div class="media media-sm">
                                        <div class="media-left">
                                            <i class="fa shoucang fa-2x"></i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">收藏数量</h4>
                                            <small>
                                <span>
                                268
                            </span>
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-1-5">
                                    <div class="media media-sm">
                                        <div class="media-left">
                                            <i class="fa pulls fa-2x"></i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">拉取数量</h4>
                                            <small>
                                <span>
                                379
                            </span>
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-1-5">
                                    <div class="media media-sm">
                                        <div class="media-left">
                                            <i class="fa qizi fa-2x"></i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">版本数量</h4>
                                            <small>
                                                {{items.length}}
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div>
                <uib-tabset class="tab-default">
                    <uib-tab index="1" ng-if="false">
                        <uib-tab-heading>
                            <i class="fa fa-file-o fa-lg"></i>&nbsp;&nbsp;概览
                        </uib-tab-heading>
                        <!--<div marked="readme || '暂无介绍'"></div>-->
                    </uib-tab>
                    <uib-tab index="2">
                        <uib-tab-heading>
                            <i class="fa fa-file-text-o fa-lg"></i>&nbsp;&nbsp;镜像版本
                        </uib-tab-heading>
                        <div class="timeline">
                            <ul>
                                <li ng-repeat="item in items">
                                    <label uib-tooltip="{{item.tagcen.Created | timescon}}">
                                        <span class="dot"></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                        {{item.tagcen.Created | dateRelative}}
                                    </label>
                                    <div class="container-fluid">
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <div style='white-space:nowrap;overflow: hidden;text-overflow: ellipsis'>
                                                    <i class="fa fa-flag-o"></i>&nbsp;
                                                    <!--<span ng-if="item.spec.revision.git.ref">-->
                                                    <span>{{name}}:{{item.tag | limitTo: 7}}</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">

                                            </div>
                                            <div class="col-sm-4 text-right">
                                                <a class="icon25 icon25-download" uib-tooltip="拉取" href="javascript:;"
                                                   ng-click="pull(item.tag)"></a>
                                                <a class="icon25 icon25-start" uib-tooltip="部署"
                                                   ng-click="deployimg(name+':'+item.tag)"></a>
                                                <!--<a class="icon25 icon25-start" uib-tooltip="部署" ui-sref="console.service_create()"></a>-->
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </uib-tab>
                </uib-tabset>
            </div>
            <!--------------------------------------->
        </div>
    </div>

</div>
<style>
    .creattime {
        width: 26px;
        height: 26px;
        display: inline-block;
        background: url("pub/img/clock.png")no-repeat;
    }
    .shoucang {
        width: 26px;
        height: 26px;
        display: inline-block;
        background: url("pub/img/shoucang.png")no-repeat;
    }
    .pulls {
        width: 26px;
        height: 26px;
        display: inline-block;
        background: url("pub/img/pull.png")no-repeat;
    }
    .qizi {
        width: 26px;
        height: 26px;
        display: inline-block;
        background: url("pub/img/qizi.png")no-repeat;
    }
    .miaobiao {
        width: 26px;
        height: 30px;
        display: inline-block;
        background: url("pub/img/miaobiao.png")no-repeat;
    }
    /*.maiqn{*/
    /*margin-left:160px;*/
    /*min-height:500px;*/
    /*overflow:hidden;*/
    /*[;margin-left:0;]!*safari hack*!}*/
    .star {
        display: inline-block;
        cursor: pointer;
        width: 13px;
        height: 13px;
        background:url("pub/img/star.png");
    }

    .star:hover{
        background:url("pub/img/starh.png");
    }

    .star.active {
        background:url("pub/img/starh.png");
    }
</style>